
<template>
  <div class="smt_box">
    <header-comm></header-comm>
    <div class="bcg">
      <div class="hedlist">
        <div class="head_box">
          <div class="sele1">
            <span v-if="nosq==0">商贸通(测试版)</span>
            <span v-else>商贸通(移动版)</span>
            <!-- v-if="nosq!=0" -->
            <a-button v-if="nosq!=0" style="margin-left:20px;" @click="editpassword">密码修改</a-button>
          </div>

          <div class="sele">
            <span style="font-size: 16px">请选择：</span>
            <!-- <a-radio-group  @change="handleGsChange" v-model="gsmc_val"   >
                      
            </a-radio-group>-->
            <a-radio-group v-model="gsmc_val" >
              <a-radio-button :value="i" v-for="(gsmc, i) in gsmcdata" :key="i" @click="handleGsChange(i)">
                <span class="radio_icon"></span>
                <span class="gsmc_tit">{{ gsmc }}</span>
              </a-radio-button>
            </a-radio-group>
            <!-- <a-select v-model="gsmc_val" style="width:250px" @change="handleGsChange">
                        <a-select-option >{{gsmc}}</a-select-option>
            </a-select>-->
          </div>
        </div>
      </div>
      <div class="edit_password" v-if="passflag">
        <div class="pass_tk">
          <h2>密码修改</h2>
          <div class="close" @click="close">
            <a-icon type="close" />
          </div>
          <ul>
            <li>
              <span class="inp_tit">公司编码：</span>
              <a-select
                :default-value="gsbmselect"
                allowClear
                style="width: 300px"
                @change="gsbmChange"
              >
                <a-select-option
                  v-for="(item, i) in gsxx"
                  :key="i"
                  :value="item.gsbm"
                  @click="gsbmclick(i)"
                >{{item.gsbm}}</a-select-option>
                <!-- <a-select-option value="lucy">Lucy</a-select-option> -->
              </a-select>
            </li>
            <li>
              <span class="inp_tit">人员姓名：</span>
              <a-input placeholder="请输入" disabled v-model="user_data.name"></a-input>
            </li>
            <li>
              <span class="inp_tit">原登录密码：</span>
              <a-input placeholder="请输入" v-model="oldPass"></a-input>
            </li>
            <li>
              <span class="inp_tit">新登录密码：</span>
              <a-input placeholder="请输入" v-model="newpass"></a-input>
            </li>
            <li>
              <span class="inp_tit">新密码确认：</span>
              <a-input placeholder="请输入" v-model="qrnewpass"></a-input>
            </li>
            <li class="btn_li">
              <a-button @click="clearpass">清空密码</a-button>
              <a-button type="primary" @click="submitpass">修改密码</a-button>
            </li>
          </ul>
        </div>
      </div>
      <div class="smtgn_box">
        <ul>
          <li v-for="(gnmc,i) in smtgnData" :key="i">
            <a @click="getUrl(i)">
              <!-- <a-icon type="cloud-download" v-if="arrgnqx[i]=='xhhzcx'"  /> -->
              <a-icon type="appstore" v-if="gnmc=='现货汇总查询'" />
              <a-icon type="cloud-sync" v-if="gnmc=='现货明细查询'" />
              <a-icon type="account-book" v-if="gnmc=='订货单查询'" />
              <a-icon type="transaction" v-if="gnmc=='进货单查询'" />
              <a-icon type="red-envelope" v-if="gnmc=='销售单查询'" />
              <a-icon type="audit" v-if="gnmc=='合同单查询'" />
              <a-icon type="apartment" v-if="gnmc=='待出库'" />
              <a-icon type="table" v-if="gnmc=='运单'" />
              <a-icon type="interaction" v-if="gnmc=='报价单查询'" />
              <a-icon type="setting" v-if="gnmc=='权限管理'" />
              <a-icon type="form" v-if="gnmc=='报价单制作'" />
              <a-icon type="diff" v-if="gnmc=='合同单制作'" />
              {{gnmc}}
            </a>
          </li>
        </ul>
        <div class="sele_khxx">
          <a-divider orientation="left">客户信息</a-divider>
        </div>
        <ul>
          <li v-for="(gnmc,i) in khxxData" :key="i">
            <a @click="getKhxxUrl(i)">
              <a-icon type="team" v-if="gnmc=='客户名录'" />
              <a-icon type="user" v-if="gnmc=='联系人'" />
              {{gnmc}}
            </a>
          </li>
        </ul>
        <div class="sele_khxx">
          <a-divider orientation="left">客户跟进</a-divider>
        </div>
        <ul>
          <li v-for="(gnmc,i) in khgjData" :key="i">
            <a @click="getKhgjUrl(i)">
              <!-- <a-icon type="cloud-download" v-if="arrgnqx[i]=='xhhzcx'"  /> -->
              <a-icon type="team" v-if="gnmc=='最新跟进'" />
              <a-icon type="team" v-if="gnmc=='最多跟进'" />
              <a-icon type="team" v-if="gnmc=='无跟进客户'" />
              {{gnmc}}
            </a>
          </li>
        </ul>
      </div>
      <!-- load_flag -->
      <div class="load_box" v-if="false">
        <div class="load_tk">
          <a-icon class="info" type="info-circle" />
          <p>欢迎来到佰联商贸通《测试版》！</p>
          <a-button type="primary" @click="getintosmt">进入</a-button>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import qs from "qs";
import headerComm from "../header-comm/header";

export default {
  data() {
    return {
      //数据库名称
      database: "ERP2_BEARING",
      // ip地址
      ip: "122.112.240.180",
      // 所属公司名称
      ssgsmc: "",
      // 公司编码(传参使用)
      gsbm: "",
      // 下拉公司数据
      gsmcdata: [],
      // 功能名称数据
      arrgnmc: [],
      // 功能名称数组
      arrgnmcdata: [],
      // 跳转地址
      arrgnqx: [],
      arrgnqxdata: [],
      gsmc_val: 0,
      // 获取所有公司数据(切换公司名称获取编码)
      gsxx: "",
      // 权限数组
      xhqxdata: [],
      // 商贸通是否测试
      nosq: 1,
      // 商贸通功能Data渲染数组
      smtgnData: [],
      // 客户信息
      khxxData: [],
      khxxGnqx: [],
      khgjData: [],
      khgjGnqx: [],
      bjdzzdata: [],
      htdzzdata: [],
      load_flag: true,
      user_data: "",
      passflag: false,

      gsbmselect: "",
      username: "",
      oldPass: "",
      newpass: "",
      qrnewpass: ""
    };
  },
  components: {
    headerComm
  },
  methods: {
    // 跳转触发
    getUrl(i) {
      console.log(i);
      sessionStorage.setItem("path_num", i);
      console.log(this.arrgnqx);
      this.$store.state.path_num = i;
      this.$router.push({ path: "/" + this.arrgnqx[i] });
      console.log(this.gsbm);
      this.$store.state.gsbm = this.gsbm;
    },
    getintosmt() {
      this.load_flag = false;
    },
    // 客户信息跳转
    getKhxxUrl(i) {
      console.log(i);
      this.$store.state.path_num = i;
      sessionStorage.setItem("path_num", 12 + i);
      this.$router.push({ path: "/" + this.khxxGnqx[i] });
      console.log(this.gsbm);
      this.$store.state.gsbm = this.gsbm;
    },
    // 客户跟进跳转
    getKhgjUrl(i) {
      console.log(this.khgjData[i]);
      this.$store.state.path_num = i;
      sessionStorage.setItem("path_num", 14 + i);

      console.log(this.$store.state.khml_type);
      this.$router.push({ path: "/" + this.khgjGnqx[i] });
      console.log(this.gsbm);
      this.$store.state.gsbm = this.gsbm;
    },
    // 所属公司
    handleGsChange(e) {
      console.log(e)
      this.gsmc_val = e;
      console.log(e);
      let value = e;
      // 公司编码切换
      this.user_data = this.gsxx[value];
      console.log(this.gsxx[value]);
      console.log(this.gsxx[value].gsmc);
      console.log(this.gsxx[value].gsbm);
      sessionStorage.setItem("ssgs_name", value);
      sessionStorage.setItem("gsbm", this.gsxx[value].gsbm);
      sessionStorage.setItem("xsuser", this.gsxx[value].xsuser);
      sessionStorage.setItem("arrjgqx", this.gsxx[value].jgqx);
      
      this.$store.state.rwr = this.gsxx[value].xsuser;
      this.gsbm = this.gsxx[value].gsbm;
      this.arrgnmc = this.arrgnmcdata[value];
      this.smtgnData = this.arrgnmc.slice(-this.arrgnmc.length, -5);
      this.khxxData = this.arrgnmc.slice(-5, -3);
      this.khxxGnqx = this.arrgnqx.slice(-5, -3);
      this.khgjData = this.arrgnmc.slice(-3);
      this.khgjGnqx = this.arrgnqx.slice(-3);
      console.log(this.arrgnmc);
      sessionStorage.setItem("arrgnmc", this.arrgnmc);
      this.arrgnqx = this.arrgnqxdata[value];
      sessionStorage.setItem("arrgnqx", this.arrgnqx);
      sessionStorage.setItem("zdr", this.gsxx[value].name); //价格权限存储sess
    },
    gsbmclick(index) {
      this.user_data = this.gsxx[index];
    },
    getsmtWebLogin() {
      this.axios
        .post(
          "https://yb.bearing.cn/wxapi/smtWebLogin.php",
          qs.stringify({
            phone: this.$store.state.bbl_phone,
            sqdwid: this.$store.state.bbl_sqdwid
          })
        )
        .then(res => {
          console.log(res);
          if (res.data.code == 103) {
            this.nosq = res.data.result.userqx;
          }
        });
    },
    //获取授权码
    handBitCode() {
      this.axios
        .post(
          "https://yb.bearing.cn/webservice/GetBitcode.php",
          qs.stringify({
            SQDWID: this.$store.state.bbl_sqdwid

            // token:sessionStorage.getItem('smt_token'),
          })
        )
        // 111111111111111111111111111111111
        .then(res => {
          console.log(res);
          // if (res.data.state == undefined) {
          sessionStorage.setItem("smt_token", res.data.token);
          this.$store.state.smt_token = res.data.token;
          this.database = res.data.database;
          this.ip = res.data.IP;
          this.$store.state.smt_token = res.data.token;
          console.log("smt_token", this.$store.state.smt_token);
          // }
          //如果是专业版登录方式为旧版
          if (res.data.vison == "ZYB") {
            this.onloadRequestZYB();
          } else {
            this.getsamtloginNew();
          }
        });
    },
    onloadRequestZYB(e) {
      this.axios
        .post(
          "https://yb.bearing.cn/wxapi/samtlogin.php?SQDWID=" +
            this.$store.state.bbl_sqdwid +
            "&phone=" +
            this.$store.state.bbl_phone,
          qs.stringify({
            token: sessionStorage.getItem("smt_token")
          })
        )
        .then(res => {
          console.log(res);
          // ------------------------------------------------
          if (res.data.result != 0) {
            for (var ii = 0; ii < res.data.result.length; ii++) {
              var isexitxh = res.data.result[ii].gnmc.indexOf("现货");
              var bjdzz_qx = res.data.result[ii].gnmc.indexOf("报价单制作");
              var htdzz_qx = res.data.result[ii].gnmc.indexOf("合同单制作");
              if (isexitxh) {
                this.xhqxdata.push(res.data.result[ii].gsbm);
                console.log(JSON.stringify(this.xhqxdata));
              }
              if (bjdzz_qx) {
                this.bjdzzdata.push(res.data.result[ii].gsbm);
              }
              if (htdzz_qx) {
                this.htdzzdata.push(res.data.result[ii].gsbm);
              }
              sessionStorage.setItem("xhqxdata", JSON.stringify(this.xhqxdata));
              sessionStorage.setItem(
                "bjdzzdata",
                JSON.stringify(this.bjdzzdata)
              );
              sessionStorage.setItem(
                "htdzzdata",
                JSON.stringify(this.htdzzdata)
              );

              this.gsxx = res.data.result;
              var arrgnmc = res.data.result[ii].gnmc.substr(1).split("|");
              arrgnmc.push("客户名录");
              arrgnmc.push("联系人");
              arrgnmc.push("最新跟进");
              arrgnmc.push("最多跟进");
              arrgnmc.push("无跟进客户");

              this.arrgnmc = arrgnmc;
              console.log(this.arrgnmc);
              var index = arrgnmc.indexOf("拜访记录");
              if (index > -1) {
                this.arrgnmc.splice(index, 1);
              }
              var index = arrgnmc.indexOf("客户名录");
              if (index > -1) {
                this.arrgnmc.splice(index, 1);
              }
              console.log(this.arrgnmc);

              // 把获取到的所有权限pushdata，通过下标获取
              this.arrgnmcdata.push(this.arrgnmc);
              console.log(this.arrgnmcdata.slice(0, 12));
              var gnqx = res.data.result[ii].gnqx;
              console.log(gnqx);
              var arrgnqx = gnqx.substr(1, gnqx.length - 5);
              arrgnqx = arrgnqx.split(".php|");
              console.log(arrgnqx);
              var index1 = arrgnqx.indexOf("khml");
              if (index1 > -1) {
                arrgnqx.splice(index1, 1);
              }
              console.log(arrgnqx);
              arrgnqx.push("khml");
              arrgnqx.push("smtlxr");
              arrgnqx.push("khml?type=new");
              arrgnqx.push("khml?type=more");
              arrgnqx.push("khml?type=no");
              this.arrgnqx = arrgnqx;
              console.log(arrgnqx);
              var index1 = arrgnqx.indexOf("bfrz");
              if (index1 > -1) {
                this.arrgnqx.splice(index1, 1);
              }

              this.arrgnqxdata.push(this.arrgnqx);
              console.log(this.arrgnqxdata);
              // this.nosq = 0;
              res.data.result[ii].gnmc = arrgnmc;
              res.data.result[ii].gnqx = arrgnqx;

              this.gsmcdata.push(res.data.result[ii].gsmc);
              console.log("this.gsmcdata--------", this.gsmcdata);
              sessionStorage.setItem("gsmcdata", this.gsmcdata);
            }
            // sessionStorage.setItem('xhqxdata',this.xhqxdata)

            console.log(this.arrgnmcdata[0]);
            this.arrgnqx = this.arrgnqxdata[0];
            this.arrgnmc = this.arrgnmcdata[0];
            console.log(this.arrgnmc);

            this.smtgnData = this.arrgnmc.slice(-this.arrgnmc.length, -5);
            this.khxxData = this.arrgnmc.slice(-5, -3);
            this.khxxGnqx = this.arrgnqx.slice(-5, -3);
            this.khgjData = this.arrgnmc.slice(-3);
            this.khgjGnqx = this.arrgnqx.slice(-3);
            this.gsmc_val = 0;

            this.$store.state.gsbm = res.data.result[0].gsbm;
            sessionStorage.setItem("gsbm", res.data.result[0].gsbm);
            sessionStorage.setItem("xsuser", res.data.result[0].xsuser);
            sessionStorage.setItem("arrgnmc", this.arrgnmc);
            sessionStorage.setItem("arrgnqx", this.arrgnqx); //功能权限存储sess
            sessionStorage.setItem("arrjgqx", res.data.result[0].jgqx); //价格权限存储sess
            sessionStorage.setItem("zdr", res.data.result[0].username); //价格权限存储sess

            this.$store.state.jgqx = res.data.result[0].jgqx;
            this.gsbm = res.data.result[0].gsbm;
            this.user_data = res.data.result[0];
          } else {
            console.log("没有权限");
          }
          // ------------------------------------------------
        });
    },
    getsamtloginNew() {
      this.xhqxdata = [];
      this.bjdzzdata = [];
      this.htdzzdata = [];
      sessionStorage.removeItem("xhqxdata");
      sessionStorage.removeItem("bjdzzdata");
      sessionStorage.removeItem("htdzzdata");
      var SQDWID = "";
      var phone = "";
      if (this.nosq == 0) {
        SQDWID = 7401;
        phone = 13359211499;
      } else {
        SQDWID = this.$store.state.bbl_sqdwid;
        phone = this.$store.state.bbl_phone;
      }
      this.axios
        .post(
          "https://yb.bearing.cn/wxapi/samtloginNew.php?SQDWID=" +
            SQDWID +
            "&phone=" +
            phone +
            "&fkphone=" +
            this.$store.state.bbl_phone +
            "&openid=&zctopenid=",
          qs.stringify({
            token: sessionStorage.getItem("smt_token")
          })
        )
        .then(res => {
          console.log(res);
          if (res.data != 0) {
            for (var ii = 0; ii < res.data.length; ii++) {
              var isexitxh = res.data[ii].gnmc.indexOf("现货");
              var bjdzz_qx = res.data[ii].gnmc.indexOf("报价单制作");
              var htdzz_qx = res.data[ii].gnmc.indexOf("合同单制作");
              if (isexitxh) {
                this.xhqxdata.push(res.data[ii].gsbm);
                console.log(this.xhqxdata);
              }
              if (bjdzz_qx) {
                this.bjdzzdata.push(res.data[ii].gsbm);
                // console.log(this.xhqxdata);
              }
              if (htdzz_qx) {
                this.htdzzdata.push(res.data[ii].gsbm);
                // console.log(this.xhqxdata);
              }
              sessionStorage.setItem("xhqxdata", JSON.stringify(this.xhqxdata));
              sessionStorage.setItem(
                "bjdzzdata",
                JSON.stringify(this.bjdzzdata)
              );
              sessionStorage.setItem(
                "htdzzdata",
                JSON.stringify(this.htdzzdata)
              );

              this.gsxx = res.data;
              var arrgnmc = res.data[ii].gnmc.substr(1).split("|");
              // arrgnmc.push("报价单制作")
              // arrgnmc.push("合同条款")
              arrgnmc.push("客户名录");
              arrgnmc.push("联系人");
              arrgnmc.push("最新跟进");
              arrgnmc.push("最多跟进");
              arrgnmc.push("无跟进客户");

              this.arrgnmc = arrgnmc;
              console.log(this.arrgnmc);
              var index = arrgnmc.indexOf("拜访记录");
              if (index > -1) {
                this.arrgnmc.splice(index, 1);
              }
              var index = arrgnmc.indexOf("客户名录");
              if (index > -1) {
                this.arrgnmc.splice(index, 1);
              }
              console.log(this.arrgnmc);
              // var index = arrgnmc.indexOf("合同条款");
              // if(index>-1){
              //    this.arrgnmc.splice(index, 1,'合同单制作');
              // }
              // console.log(this.arrgnmc)
              // 把获取到的所有权限pushdata，通过下标获取
              this.arrgnmcdata.push(this.arrgnmc);
              console.log(this.arrgnmcdata.slice(0, 12));
              var gnqx = res.data[ii].gnqx;
              console.log(gnqx);
              var arrgnqx = gnqx.substr(1, gnqx.length - 5);
              arrgnqx = arrgnqx.split(".php|");
              console.log(arrgnqx);
              var index1 = arrgnqx.indexOf("khml");
              if (index1 > -1) {
                arrgnqx.splice(index1, 1);
              }
              console.log(arrgnqx);
              // arrgnqx.push("bjdzz")
              // arrgnqx.push("htdzz")
              arrgnqx.push("khml");
              arrgnqx.push("smtlxr");
              arrgnqx.push("khml?type=new");
              arrgnqx.push("khml?type=more");
              arrgnqx.push("khml?type=no");
              this.arrgnqx = arrgnqx;
              // console.log(arrgnqx)
              var index1 = arrgnqx.indexOf("bfrz");
              if (index1 > -1) {
                this.arrgnqx.splice(index1, 1);
              }
              // var index2 = arrgnqx.indexOf("khml");
              // if (index2> -1) {
              //   this.arrgnqx.splice(index2, 1);
              // }
              this.arrgnqxdata.push(this.arrgnqx);
              console.log(this.arrgnqxdata);
              // this.nosq = 0;
              // res.data[ii].gnmc = arrgnmc;
              // res.data[ii].gnqx = arrgnqx;

              this.gsmcdata.push(res.data[ii].gsmc);
              sessionStorage.setItem("gsmcdata", this.gsmcdata);
            }
            // sessionStorage.setItem('xhqxdata',this.xhqxdata)

            console.log(this.arrgnmcdata[0]);
            this.arrgnqx = this.arrgnqxdata[0];
            this.arrgnmc = this.arrgnmcdata[0];
            console.log(this.arrgnmc);

            this.smtgnData = this.arrgnmc.slice(-this.arrgnmc.length, -5);
            this.khxxData = this.arrgnmc.slice(-5, -3);
            this.khxxGnqx = this.arrgnqx.slice(-5, -3);
            this.khgjData = this.arrgnmc.slice(-3);
            this.khgjGnqx = this.arrgnqx.slice(-3);
            // this.gsmc_val = 0;

            // this.$store.state.gsbm=res.data[0].gsbm
            sessionStorage.setItem("gsbm", res.data[0].gsbm);
            sessionStorage.setItem("xsuser", res.data[0].xsuser);
            sessionStorage.setItem("arrgnmc", this.arrgnmc);
            sessionStorage.setItem("arrgnqx", this.arrgnqx); //功能权限存储sess
            sessionStorage.setItem("arrjgqx", res.data[0].jgqx); //价格权限存储sess
            sessionStorage.setItem("zdr", res.data[0].name); //价格权限存储sess

            // this.$store.state.jgqx=res.data[0].jgqx
            this.gsbm = res.data[0].gsbm;
            this.user_data = res.data[0];
          } else {
            console.log("没有权限");
          }
        });
    },
    close() {
      this.passflag = false;
      this.username = "";
      this.clearpass();
    },
    gsbmChange(value) {
      this.gsbmselect = value;
      console.log(this.gsbmselect);
    },
    editpassword() {
      this.passflag = true;
      this.gsbmselect = this.user_data.gsbm;
    },
    clearpass() {
      // this.gsbmselect=this.user_data.gsbm
      console.log(this.gsbmselect);

      // this.username=''
      this.oldPass = "";
      this.newpass = "";
      this.qrnewpass = "";
    },
    submitpass() {
      if (this.newpass != this.qrnewpass) {
        this.$notification["error"]({
          message: "失败",
          description: "新密码不一致！"
        });
        return false;
      }
      this.axios
        .post(
          "https://yb.bearing.cn/wxapi/samt_UserEdit.php",
          qs.stringify({
            gsbm: this.gsbmselect,
            name: this.user_data.name,
            yhdm: this.user_data.yhdm,
            oldPass: this.oldPass,
            sjhm: this.$store.state.bbl_phone,
            kl: this.newpass,
            kls: this.qrnewpass,
            token: sessionStorage.getItem("smt_token")
          })
        )
        .then(res => {
          console.log(res);
          if (res.data.code == 303) {
            this.$notification["success"]({
              message: "成功",
              description: res.data.msg
            });
          } else {
            this.$notification["error"]({
              message: "失败",
              description: res.data.msg
            });
          }
        });
    }
  },
  created() {
    this.getsmtWebLogin();
    this.handBitCode();
    this.$store.state.smt_token = sessionStorage.getItem("smt_token");
    // if (sessionStorage.getItem("ssgs_name") != undefined) {
    // this.gsmc_val = Number(sessionStorage.getItem("ssgs_name"));
    // this.arrgnmc=sessionStorage.getItem("arrgnmc")
    // this.arrgnqx=sessionStorage.getItem("arrgnqx")
    // } else {


    // this.gsmc_val = Number(sessionStorage.getItem("ssgs_name"));
    var index = Number(sessionStorage.getItem("ssgs_name"));
    // this.user_data = this.gsxx[index];
    
    setTimeout(()=>{
      this.handleGsChange(Number(sessionStorage.getItem("ssgs_name")))

    },1000)


    //      this.arrgnmc=sessionStorage.getItem("arrgnmc")
    //   this.arrgnqx=sessionStorage.getItem("arrgnqx")
    // }
    console.log(this.gsmc_val);
  }
};
</script>

<style lang='less' scoped>
.smt_box {
  .hedlist {
    position: fixed;
    z-index: 999;
    width: 90% !important;
    left: 10%;
    top: 50px;
    height: 90px;
    line-height: 60px;
    background-color: #f3f7f9;
    .head_box {
      width: 100%;
      // display: flex;
      // justify-content: space-around;
      background-color: #fff;
      .sele1 {
        float: left;
        padding-left: 15px;
      }
      .sele {
        position: relative;
        text-align: left;
        float: right;

        .ant-radio-group {
          position: relative;
          top: 10px;
          .ant-radio-button-wrapper-checked {
            background-color: #fff !important;
          }
          // .ant-radio-button-wrapper-checked::before{
          //   content: "";
          //   width: 10px;
          //   height: 10px;
          //   display:inline-block;
          //   z-index: 999;
          //   border: 1px solid #1890ff;
          //   // background: red!important;
          // }
          .ant-radio-button-wrapper {
            margin-right: 20px;
            .radio_icon {
              width: 10px;
              height: 10px;
              display: inline-block;
              border: 1px solid;
              margin-right: 5px;
              position: absolute;
              top: 10px;
              left: 10px;
            }

            .gsmc_tit {
              display: inline-block;
              width: 240px !important;
              text-overflow: ellipsis;
              white-space: nowrap;
              overflow: hidden;
              margin-left: 10px !important;
            }
          }
          i {
            position: absolute;
            top: 10px;
            right: 8px;
          }
        }
      }
    }
  }
  .bcg {
    width: 90%;
    background-color: #f3f7f9 !important;
    position: relative;
    left: 10%;
    min-height: 1000px;
    .smtgn_box {
      width: 98%;
      position: absolute;
      top: 147px;
      left: 1%;
      .sele_khxx {
        text-align: left;
        padding-left: 15px;
        margin: 10px 0;
        font-size: 20px;
      }
      ul {
        display: flex;
        flex-wrap: wrap;
        background-color: #fff;
        li {
          padding: 20px;
          width: 16%;
          transition: all 0.5s ease-in-out;

          .anticon {
            display: block;
            margin: 20px 0;
          }
          svg {
            width: 50px;
            height: 50px;
          }
        }
        li:hover {
          background-color: #1890ff;
        }
        li:hover a {
          color: #fff;
        }
        li:hover svg {
          transform: scale(1.2);
        }
      }
    }
    .edit_password {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 1000px;
      background: rgba(0, 0, 0, 0.5);
      z-index: 999;

      .pass_tk {
        position: absolute;
        top: 10%;
        left: 50%;
        transform: translateX(-50%);
        width: 40%;
        height: 400px;
        background: #fff;
        padding: 40px;
        position: relative;
        h2 {
          text-align: center;
        }
        ul {
          li {
            margin: 15px 0;
            text-align: center;
            .inp_tit {
              width: 100px;
              display: inline-block;
              text-align: right;
            }
            input {
              width: 300px;
            }
          }
          .btn_li {
            text-align: center;

            button {
              margin: 20px 20px;
            }
          }
        }
      }
    }
    .load_box {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 1000px;
      background: rgba(0, 0, 0, 0.5);
      z-index: 999;
      .load_tk {
        position: absolute;
        top: 10%;
        left: 50%;
        transform: translateX(-50%);
        width: 32%;
        height: 300px;
        background: #fff;
        z-index: 999;
        box-shadow: 0 0 5px #ccc;
        padding: 70px 0;
        .info {
          font-size: 30px;
          color: #1890ff;
          margin-bottom: 20px;
        }
        p {
          font-size: 16px;
          margin-bottom: 50px;
        }
      }
    }
  }
}
</style>   >>>>>>> .r214
